const dark = "#666";
const darkdark = "#333";
const light = "#ccc";
const lightlight = "#eee";

const general = {
    ".node": {
        "span": {
            color: lightlight,
        },
        "rect": {
            fill: darkdark,
            stroke: darkdark,
            strokeWidth: 6,
        },
        "circle": {
            fill: darkdark,
            stroke: darkdark,
            strokeWidth: 6,
        },
        "polygon": {
            fill: darkdark,
            stroke: darkdark,
            strokeWidth: 3,
        },
    },
    ".cluster": {
        "span": {
            color: darkdark,
        },
        "rect": {
            fill: lightlight,
            stroke: light,
        }
    },
    "span": {
        color: dark
    },
    ".flowchart-link": {
        stroke: dark
    },
    ".marker": {
        stroke: dark,
        fill: dark,
    },
    ".edgeLabel": {
        backgroundColor: lightlight,
        "rect": {
            fill: lightlight,
            stroke: lightlight,
            strokeWidth: 8,
            span: {
                color: dark,
            },
        }
    },
    ".actor": {
        stroke: darkdark,
        fill: darkdark,
    },
    ".messageText": {
        fill: darkdark,
    },
    ".messageLine0": {
        stroke: dark,
    },
    ".messageLine1": {
        stroke: dark,
    },
    ".note": {
        fill: lightlight,
        stroke: light,
    },
    ".noteText": {
        fill: dark,
        "> tspan": {
            fill: dark
        }
    },
    ".activation0": {
        fill: lightlight,
        stroke: light,
    },
    "#arrowhead": {
        "path": {
            fill: dark,
            stroke: dark
        }
    },
};

const erDiagram = {
    ".er.entityBox": {
        fill: lightlight,
        stroke: dark,
    },
    ".er.attributeBoxEven": {
        stroke: dark,
    },
    ".er.attributeBoxOdd": {
        stroke: dark,
    },
    ".er.entityLabel": {
        fill: darkdark,
    },
    ".er.relationshipLabelBox": {
        fill: dark,
        stroke: dark,
    },
    ".er.relationshipLabel": {
        fill: lightlight,
    },
    ".er.relationshipLine": {
        stroke: dark,
    }
};

export default { ...general, ...erDiagram };
